<template>
    <div>
        <el-tabs type="border-card">
            <el-tab-pane label="活动信息">
                <!-- 活动1 -->
                <div>
                    <span class="size">活动状态1</span>
                    &emsp; 待开始
                    <el-button type="primary">提前结束活动</el-button>
                    <br>
                    <br>
                    <br>
                    修改人:xxx &emsp; 修改时间:2020-07-22 &nbsp;;13:59:50
                </div>
                <!-- 活动信息 -->
                <div>
                    <div> <span>活动名称:</span>&emsp;8888888888888888888888 </div>
                </div>
                <div>
                    <div> <span>活动时间:</span>&emsp;8888888888888888888888 </div>
                </div>
                <div>
                    <div> <span>广告语:</span>&emsp;8888888888888888888888 </div>
                </div>
                <div>
                    <div> <span>预告时间:</span>&emsp;8888888888888888888888 </div>
                </div>
                <div>
                    <div> <span>首页展示:</span>&emsp;8888888888888888888888 </div>
                </div>
                <div>
                    <div> <span>促销标签:</span>&emsp;8888888888888888888888 </div>
                </div>
            </el-tab-pane>
            <el-tab-pane label="商品列表">商品列表</el-tab-pane>
            <el-tab-pane label="店铺列表">店铺列表</el-tab-pane>
        </el-tabs>
    </div>
</template>
<style lang="scss" scoped>
.size {
    font-size: 18px;
    font-weight: 600;
}
</style>